<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Casual Game HTML5 | game page</title>
<link rel="stylesheet" type="text/css" media="all" href="images/normalize.css" />
<link rel="stylesheet" type="text/css" media="all" href="images/style.css" />
<script type='text/javascript' src='images/jquery-1.6.4.min.js'></script>
    <script type='text/javascript' src='images/modernizr.js'></script>
    <script type='text/javascript' src='images/superfish.js'></script>
    <script type='text/javascript' src='images/jquery.easing.1.3.js'></script>
    <script type='text/javascript' src='images/jquery.tools.min.js'></script>
    <script type='text/javascript' src='images/jquery.loader.js'></script>
    <script type='text/javascript' src='images/swfobject.js'></script>
    <script type='text/javascript' src='images/jquery.cycle.all.js'></script>
    <script type='text/javascript' src='images/jquery.twitter.js'></script>
    <script type='text/javascript' src='images/jquery.flickrush.js'></script>
    <script type='text/javascript' src='images/custom.js'></script>
    <script type='text/javascript' src='images/comment-reply.js'></script>
    
    <script language="javascript" type="text/javascript">
	
	function showHelpful(){
		document.getElementById("help-panel").style.display='block';
		document.getElementById("rate-panel").style.display='none';
		document.getElementById("rule-panel").style.display='none';
	}
	
	function showRule(){
		document.getElementById("help-panel").style.display='none';
		document.getElementById("rate-panel").style.display='none';
		document.getElementById("rule-panel").style.display='block';
	}
	
	function showRating(){
		document.getElementById("help-panel").style.display='none';
		document.getElementById("rate-panel").style.display='block';
		document.getElementById("rule-panel").style.display='none';
	}
	
    </script>
    
    <script language="javascript" type="text/javascript">
	  
	  // an thanh dia chi trinh duyet Safari của Mobile
	  if(!window.navigator.standalone){
		  document.addEventListener("DOMContentLoaded",adjustHeight,true);
		  window.addEventListener("orientationchange", adjustHeight, true);
	  }else{
		  document.addEventListener("click",clickHandler,true);
	  }
	  
	  function adjustHeight(){
		  var html = document.documentElement;
		  var size = window.innerHeight;
		  
		  html.style.height = (size + size) + "px";
		  window.setTimeout(function(){
			  if(window.pageYOffset == 0){
			  	window.scrollTo(0,0);
			  }
			  html.style.height = window.innerHeight + "px";
		  },0);
	  }
	  
	  // xu ly cac thay doi dinh huong man hinh
	  // Handling Screen Orientation Changes
	  switch (window.orientation) {  
	    /* Normal orientation, home button on the bottom */  
		case 0:  
			document.body.className = "portrait";  
			break;  
	 
		/* Rotated 90 degrees to the left */  
		case 90:  
			document.body.className = "landscape";  
			break;  
	 
		/* Upside down */  
		case 180:  
			document.body.className = "portrait";  
			break;  
	 
		/* Rotated 90 degrees to the right */  
		case -90:  
			document.body.className = "portrait";  
			break;  
		}
		
		function clickHandler(e) { 
    var element = e.target; 
 
    /* handle clicks only on anchor elements */ 
    if (element.localName.toUpperCase() != 'A') { 
        return; 
    } 
 
    /* ignore elements with a target value specified since "target" 
       cannot be handled in full-screen mode 
       those links shall open regularly in Mobile Safari */ 
    if (!!element.getAttribute('target')) { 
        return; 
    } 
    var url = element.href; 
 
    /* ignore links other than HTTP(S) and to different origin */ 
    var match = url.match(/^https?:\/\/(.+?)\/.*$/); 
    if (!match || match[1] != window.location.host) { 
         return; 
    } 
 
    /* finally open the link in full-screen view and prevent default behavior */ 
    window.location.href = url; 
    e.preventDefault(); } 
	  
      </script>
</head>

<body class="home">
	<!-- #main -->
	<div id="main">
    	<header id="header">
			<div class="container_89 clearfix">
            	<div class="grid_10">
					<div class="logo"><a href="index.html" title="Casual game HTML5 Team"><img src="images/logo.png" /></a></div>
                    <div class="login-home">
                    	<input type="text" id="username" name="usernam" placeholder="tài khoản" autofocus="autofocus" />
                        <input type="password" id="password" name="password" />
                        <input type="submit" id="btnlogin" value="" />
                    </div>
					<form method="get" id="searchform" action="">
						<input type="text" name="search" placeholder="Tìm kiếm" autofocus="autofocus"  />
						<input type="submit" value="" title="tìm kiếm">
					</form>
                    <div class="mnu_banner rightfix">
                    	<ul class="b-menu">
                        	<li><a href="#">Diễn đàn</a></li>
                            <li><a href="#" class="select">Phiên bản mới</a></li>
                            <li><a href="news.html">Dịch vụ</a></li>
                            <li><a href="#">Hỗ trợ</a></li>
                            <li><a href="contact.html">Liên hệ</a></li>
                        </ul>
                    </div>
                    <nav class="primary">
                    	<ul id="topnav" class="sf-menu">
                        	<li id="menu-item-1" class="menu-item menu-item-type-post_type menu-item-object-page page_item page-item-6 current_page_item menu-item-30"><a href="index.html">Trang chủ</a></li>
                            <li id="menu-item-2" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="about.html">Giới thiệu</a></li>
                            <li id="menu-item-3" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item menu-item-29"><a href="games.html">Game</a>
                            	<ul class="sub-menu">
                                	<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="games.html">Game cờ</a></li>
                                    <li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="games.html">Game bài</a></li>
                                    <li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="games.html">Game nhập vai</a></li>
                                    <li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="games.html">Game mobile</a></li>
                                </ul>
                            </li>
                            <li id="menu-item-4" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="download.html">Download</a></li>
                            <li id="menu-item-5" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="news.html">Tin tức</a>
                                <ul class="sub-menu">
                                    <li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="news.html">sự kiện</a></li>
                                    <li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="news.html">tin hướng dẫn</a></li>
                                    <li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="news.html">tuyển dụng</a></li>
                                </ul>
                            </li>
                            <li id="menu-item-4" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="ratetable.html">Xếp hạng</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <div class="primary-content-wrap">
        	<div class="container_14 clearfix">
            	<div class="grid_10">
                	<div class="wrapper">
                    	<!-- START - game, banner -->
                        <div class="box-89">
                        	<div class="wrapper">
                            	<!-- game -->
                                <div class="grid_10">	
	                                <header>
    	                                <h3 class="icon-game-tictactoe">Game Tic Tăc Toe</h3>
                                    </header>
                                    <div class="background-tictactoe">
                                        <div class="channel-game">
                                        	<a href="rooms.html"><img src="images/603_off.png" /></a>
                                            <a href="rooms.html"><img src="images/602_off.png" /></a>
                                            <a href="rooms.html"><img src="images/601_off.png" /></a>
                                            <a href="rooms.html"><img src="images/600_hover.png" /></a>
                                        </div>
                                    </div>
                                </div>
                                <!-- game -->
                            </div>
                        </div>
                        <!-- END - game, banner -->
                    	<!-- START - su kien, tin tuc, thong tin -->
                        <div class="box-89">
                        	<div class="wrapper" style="border-top:1px solid #F4680B;">
                            	<div class="grid_6 leftfix clearfix">
                                	<div class="choice-panel clearfix">
                                    	<a href="/bang-xep-hang" onclick="showRating();"><span>bảng xếp hạng</span></a>
                                        <a href="/huong-dan-choi-game" class="select" onclick="showHelpful();"><span>hướng dẫn chơi game</span></a>
                                        <a href="/quy-dinh-trong-game" onclick="showRule();"><span>quy định trong game</span></a>
                                    </div>
                                    <!-- bang xep hang -->
                                    <div id="rate-panel">
                                    	<p>bảng xếp hạng</p>
                                    	<div class="clear"></div>
                                    </div>
                                    <!-- bang xep hang -->
                                    <!-- huong dan choi game -->
                                    <div id="help-panel">
                                    	<p><strong>Game TicTacToe</strong> là một trò chơi phổ biến dùng viết trên bàn cờ giấy có chín ô, 3x3.</p>
 <p>
<strong>Game TicTacToe</strong> là một trò chơi phổ biến dùng viết trên bàn cờ giấy có chín ô, 3x3. Hai người chơi, người dùng ký hiệu O, người kia dùng ký hiệu X, lần lượt điền ký hiệu của mình vào các ô. Người thắng là người thể tạo được đầu tiên một dãy ba ký hiệu của mình, ngang dọc hay chéo đều được.
 </p>
 <p>
Người Việt thường chơi trò tương tự, gọi là <strong>Cờ ca-rô</strong> , bàn cờ không giới hạn trong 9 ô, có thể vẽ thêm ô, để kéo rộng ra cho đến khi người nào đạt được một dãy 5 thì thắng cuộc</p>
                                    	<div class="clear"></div>
                                    </div>
                                    <!-- huong dan choi game -->
                                    <!-- quy dinh trong game -->
                                    <div id="rule-panel">
                                    	<p>Hãy di chuyển đầu tiên của bạn. Nếu bạn là người chơi đầu tiên, bạn có hai lựa chọn. Bạn có thể đánh dấu các trung tâm hoặc một hình vuông góc. Tránh đánh dấu bốn ô vuông khác, mà còn được gọi là hình vuông cạnh. Các bước cho từng trường hợp sẽ được đưa ra dưới đây.</p>
<p>Nếu bạn đánh dấu các trung tâm như là động thái đầu tiên của bạn, đối thủ sẽ sau đó, hoặc đánh dấu một góc hoặc cạnh.</p>
<p>
Nếu họ đánh dấu một cạnh, đặt dấu ấn tiếp theo của bạn trong bất kỳ của hai góc xa từ nhãn hiệu của họ, như thể hiện trong sơ đồ dưới đây là hình vuông màu tím. Nếu họ chặn nỗ lực của bạn để giành chiến thắng, bạn đang trên con đường của bạn để chiến thắng! Chỉ đơn giản là ngăn chặn nỗ lực của mình để giành chiến thắng bằng cách đặt dấu ấn của mình trong một góc cụ thể và bạn sẽ được ở một vị trí mà bạn sẽ có hai cơ hội chiến thắng, như mô tả trong sơ đồ như hai đường thẳng màu xanh lá cây. Nhưng nếu họ không ngăn chặn bạn, bạn vẫn sẽ giành chiến thắng nào!</p>
<p>
Nếu họ đánh dấu một cạnh, đặt dấu ấn tiếp theo của bạn trong bất kỳ của hai góc xa từ nhãn hiệu của họ, như thể hiện trong sơ đồ dưới đây là hình vuông màu tím.</p>
<p>Nếu họ đánh dấu một cạnh, đặt dấu ấn tiếp theo của bạn trong bất kỳ của hai góc xa từ nhãn hiệu của họ, như thể hiện trong sơ đồ dưới đây là hình vuông màu tím.</p>
<p>Nếu họ đánh dấu một góc, bạn nên đặt nhãn hiệu của bạn theo cách như vậy mà cả ba nhãn hiệu sẽ tạo thành một đường thẳng chéo (nhãn hiệu của bạn trong hộp góc đối diện của họ), như được hiển thị. Nếu di chuyển tiếp theo của họ là trên một cạnh, bạn sẽ có hai cơ hội chiến thắng, như mô tả của hai dòng màu xanh lá cây trong biểu đồ. Khác hơn thế, bạn sẽ kết thúc trong hòa (nếu bạn tiếp tục truy cập tấn công họ).</p>
<p>
Nếu họ đánh dấu một góc, bạn nên đặt nhãn hiệu của bạn theo cách như vậy mà cả ba nhãn hiệu sẽ tạo thành một đường thẳng chéo (nhãn hiệu của bạn trong hộp góc đối diện của họ), như được hiển thị.</p>
<p>Nếu họ đánh dấu một góc, bạn nên đặt nhãn hiệu của bạn theo cách như vậy mà cả ba nhãn hiệu sẽ tạo thành một đường thẳng chéo (nhãn hiệu của bạn trong hộp góc đối diện của họ), như được hiển thị.</p>
<p>Nếu bạn đánh dấu một hình vuông góc như là động thái đầu tiên của bạn, sẽ có hai câu trả lời tiềm năng của đối thủ của bạn. Họ hoặc là sẽ đánh dấu trung tâm hoặc một trong các hình vuông khác.</p>
<p>Nếu họ đã chọn để đánh dấu các ô vuông, bạn có thể giành chiến thắng. Tìm các hình vuông mà bạn đã di chuyển đầu tiên của bạn. Nên có một hàng ngang và hàng dọc các ô vuông có chứa nó. Chọn một hàng không có động thái của đối thủ. Hãy di chuyển thứ hai của bạn ở góc đó là một phần của hàng lựa chọn của bạn.</p>
<p>Bây giờ là lúc để đánh lừa đối thủ của bạn. Nhìn xem nếu bạn có thể giành chiến thắng ngay lập tức hoặc nếu bạn chống lại cuộc tấn công ở trung tâm. Nếu bạn có thể giành chiến thắng ngay bây giờ, làm cho di chuyển chiến thắng! Nếu bạn cần phải đi ở trung tâm, sau đó làm như vậy và tạo ra một tình huống mà bạn có thể giành chiến thắng ở hai nơi khác nhau. Nếu bạn không phải làm một trong những điều này, sau đó đi vào góc khác. Một lần nữa, bạn đã tạo ra hai cách để giành chiến thắng cùng một lúc!</p>
                                    	<div class="clear"></div>
                                    </div>
                                    <!-- quy dinh trong game -->
                                </div>
                                <div class="box-14 leftfix">
                                	<!-- thong tin -->
                                    <div class="box-10 leftfix clearfix">
                                        <ul class="qc-small">
                                            <li><a href="#"><img src="qc/s-qc1.jpg" width="260" alt="sự kiện" title="Game cờ" /></a></li>
                                            <li><a href="#"><img src="qc/s-qc2.jpg" width="260" alt="sự kiện" title="Game hành động" /></a></li>
                                            <li><a href="#"><img src="qc/s-qc3.jpg" width="260" alt="sự kiện" title="Game bài" /></a></li>
                                        </ul>
                                    </div>
                                    <!-- thong tin -->
                                    <!-- su kien -->
                                    <div class="box-10 leftfix clearfix">
                                        <header>
                                            <h3 class="icon-events">Sự kiện nổi bật</h3>
                                        </header>
                                        <ul>
                                            <li><a href="#">Thành lập cổng game mini, webgame với công nghệ HTML5</a></li>
                                            <li><a href="#">Tổ chức sự kiện ra mắt cổng game GAME HTML5 TEAM</a></li>
                                            <li><a href="#">Thành lập cổng game mini, webgame với công nghệ HTML5</a></li>
                                            <li><a href="#">Tổ chức sự kiện ra mắt cổng game GAME HTML5 TEAM</a></li>
                                            <li><a href="#">Thành lập cổng game mini, webgame với công nghệ HTML5</a></li>
                                            <li><a href="#">Tổ chức sự kiện ra mắt cổng game GAME HTML5 TEAM</a></li>
                                        </ul>
                                    </div>
                                    <!-- su kien -->
                                </div>
                            </div>
                        </div>
                        <!-- END - su kien, tin tuc, thong tin -->
                    </div>
                </div>
            </div>
        </div>
    	<footer id="footer">
        	<div id="back-top-wrapper">
    			<p id="back-top"><a href="#top"><span></span>Back to Top</a></p>
        	</div>
            <div class="container_89 clearfix">
            	<div class="grid_10">
                	<div class="wrapper">
                    	<div id="widget-footer">	
                        	<ul class="social-networks">
                            	<li><a rel="external" title="twitter" href="http://twitter.com"><img src="images/twitter.png" alt=""></a></li>
                                <li><a rel="external" title="facebook" href="http://www.facebook.com"><img src="images/facebook.png" alt=""></a></li>
                                <li><a rel="external" title="google" href="https://plus.google.com"><img src="images/google.png" alt=""></a></li>
                                <li><a rel="external" title="feed" href="#"><img src="images/feed.png" alt=""></a></li>
                            </ul>
                        </div>
                        <p><strong><a href="index.html" title="Casual Game HTML5 Team" class="site-name">Game-HTML5-Team</a></strong> &copy; 2012 <span>|</span> <a href="privacy-policy">Điều khoản quy định</a> <!-- {%FOOTER_LINK} --></p>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <!-- #main -->
    <script type='text/javascript' src='images/jquery.form.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"images\/ajax-loader.gif","sending":"Sending ..."};
/* ]]> */
</script>
<script type='text/javascript' src='images/scripts.js'></script>
</body>
</html>
